
#{extends 'main.html' /} #{set title:'List Of Users' /} #{set 'moreScripts'}
#{set 'moreStyles'}

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">
#{/set}



#{/set}

<div id="main">
<br>
<br>
<br>
	#{if usersList} Click on the user you wish to modify! <br />
	<br /> #{list items:usersList, as:'otherUser'} #{if}
	otherUser.name==anonymous}#{/if} #{else} #{if}
	otherUser.email==email}#{/if} #{else}

	<div id=profileMain>

		<div id=profile>

			<div id=profileName>${otherUser.name}</div>

			<div id=image>
				<img src="/public/images/Profile/user.jpg" width="70%" height="80px">
			</div>


			<div id=profileContent>
				<label><img src="/public/images/Profile/mail.png"><b>
						Email:</b>
				</label>${otherUser.email}<br />

			</div>

			<div id=settings>

				<a class="btn edit"
					href="@{Usercontroller.editOthersProfile(otherUser.id)}"><span></span>Edit
				</a> <a class="btn delete"
					href="@{userController.deleteOthersProfile(otherUser.id)}"
					onclick="return confirm ('Are you sure you want to delete this user?');"><span></span>Delete</a>



				<a class="btn assign"
					href="@{Usercontroller.assignUser(otherUser.id)}"><span></span>assign
				</a>

			</div>

		</div>

	</div>

	#{/else}#{/else}#{/list} #{/if} #{else} Sorry! There are no users!!
	#{/else}



	<div style="clear: both;"></div>

</div>